<!-- 文档类型声明标签，告知浏览器这个页面采取html版本来显示页面 -->
<!DOCTYPE html>
<!-- 告诉浏览器这是一个英文网站，本页面采取英文显示，单也可以书写中文 -->
<html lang="en">

<head>
    <!-- 必须书写，告知浏览器以UTF-8编码表编解码中文，如果不书写就会乱码 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题标签 -->
    <title>title</title>
</head>

<body>
    <!--
      input输入项
        1.<input type="text">
        2.<input type="password"> 
        3.<input type="radio" name="sex"> 男 <input type="radio" name="sex"> 女  
        4.<input type="checkbox"> 篮球 <input type="checkbox"> 足球 
        5.<input type="file"> 上传的文件
        6.<input type="hidden" value="xxxx"> 
        7.<input type="submit" value="登录"> 

        补充： 如果单选按钮和复选框被选中，那么需要给input标签加checked属性
    -->

    <!-- 假设百度是我们的后台，提交数据给后台-->
    <form action="#" method="get">

        <label for="username">用戶名：</label><br>
        <input id="username" name="username" type="text" placeholder="请输入用户名" /><br>
        用戶密碼: <br>
        <input name="pwd" type="password" maxlength="8" /><br>
        用戶年齡: <br>
        <input name="age" type="number" /><br>
        性别：
        <input name="sex" type="radio" value="男" checked>男
        <input name="sex" type="radio" value="女">女
        <br>
        爱好：
        <input name="hobby" type="checkbox" value="登山" checked /> 登山
        <input name="hobby" type="checkbox" value="游泳" /> 游泳
        <input name="hobby" type="checkbox" value="打球" /> 打球
        <br>
        上传头像：
        <input name="img" type="file" />

        <br>
        <br>
        <!-- 按钮，不需要收集数据 -->
        <!-- reset 类型，不给value值，默认会是重置 -->
        <input type="reset" value="清空数据" />

        <input type="submit" value="登录">
        <input type="submit" value="注册">
        <input type="button" value="普通按钮">


    </form>

    

</body>

</html>